@charset "utf-8";

#container{
	width: 400px;
	height: 200px;
	background-color: #ccc;
	left: 50%;
	top: 50%;
	right: 50%;
	bottom: 50%;
	position: absolute;
	margin-left: -200px;
	margin-top: -100px;
	overflow: hidden;
}

#circle_left, #circle_right{
	width: 50px;
	height: 50px;
	background-color: #fc0;
}

#circle_left{
	border-radius: 0 0 50px 0;
}

#circle_right{
	border-radius: 50px 0 0 0 ;
	position: absolute;
	right: 0;
	bottom: 0;
}
/*
#circle_left, #circle_right{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #fc0;
}

#circle_left{
	position: relative;
	margin-left: -50px;
	margin-top: -50px;
}

#circle_right{
	float: right;
	margin-right: -50px;
	margin-top: 100px;
}
*/